<template>
  <div class="zl-echart-config">
    <div class="right-row" >
        <div class="right-row">
          <span class="r-tit">汇总方式</span>
          <div class="r-cnt">
              <Select v-model="graphOptions.others.way">
              <Option :value="way" :key="way" v-for="way in summaryWays">{{way}}</Option>
              </Select>
          </div>
        </div>
        <div class="right-row">
          <span class="r-tit">颜色</span>
          <div class="r-cnt">
              <ColorPicker v-model="graphOptions.others.color"></ColorPicker>
          </div>
        </div>
        <div class="right-row">
          <span class="r-tit">大小</span>
          <div class="r-cnt">
              <Select v-model="graphOptions.others.fontSize">
              <Option :value="fontSize" :key="fontSize" v-for="fontSize in fontSizeArr">{{fontSize}}</Option>
              </Select>
          </div>
        </div>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  name: 'ZlBasicCard',
  data () {
    return {
      fontSizeArr: ['12', '14', '16', '18', '20', '24', '28', '32', '36', '40', '44', '48', '52', '56', '60'],
      summaryWays: ['求和', '平均值', '最大值', '最小值']
    }
  },
  props: {
    graphOptions:{
        type:Object,
        default:function(){
            return {};
        }
    },
    graphType:{
        type:String
    }
  }
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
</style>
